The list-style-type Property

Example of unordered lists:

• Coffee
• Tea
• Coca Cola

• Coffee
• Tea
• Coca Cola

• Coffee
• Tea
• Coca Cola

Example of ordered lists:

1. Coffee
2. Tea
3. Coca Cola

1. Coffee
2. Tea
3. Coca Cola

1. Coffee
2. Tea
3. Coca Cola

1. Coffee
2. Tea
3. Coca Cola

The list-style-image Property

The list-style-image property specifies an image as the list item marker:

• Coffee
• Tea
• Coca Cola

The list-style-position Property

list-style-position: outside (default):

• Coffee - A brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant
• Tea - An aromatic beverage commonly prepared by pouring hot or boiling water over cured leaves of the Camellia sinensis, an evergreen shrub (bush) native to Asia
• Coca Cola - A carbonated soft drink produced by The Coca-Cola Company. The drink's name refers to two of its original ingredients, which were kola nuts (a source of caffeine) and coca leaves

list-style-position: inside:

• Coffee - A brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant
• Tea - An aromatic beverage commonly prepared by pouring hot or boiling water over cured leaves of the Camellia sinensis, an evergreen shrub (bush) native to Asia
• Coca Cola - A carbonated soft drink produced by The Coca-Cola Company. The drink's name refers to two of its original ingredients, which were kola nuts (a source of caffeine) and coca leaves

list-style-type: none

Default list:

• Coffee
• Tea
• Coca Cola

Remove bullets, margin and padding from list:

• Coffee
• Tea
• Coca Cola

list-style-type: none

Default list:

• Coffee
• Tea
• Coca Cola

Remove bullets, margin and padding from list:

• Coffee
• Tea
• Coca Cola

Styling Lists With Colors, Margins and Padding

1. Coffee
2. Tea
3. Coca Cola

• Coffee
• Tea
• Coca Cola